<template>
    <div class="bg">
        <div class="header">
            <div class="header-btnLeft" @click="$router.go(-1)" ><img src="../assets/back-btn.png"></div>
            <h1 class="header-title">用户协议</h1>
            <div class="header-btnRight"></div>
        </div>
        <div class="h120"></div>
        <div class="agreement">
            <div class="agreement-logo"><img src="../assets/logo-big.png"></div>
            <div class="agreement-title">快帮行使用条款和隐私协议：</div>
            <div class="agreement-content">
                <p>1. 本使用条款和隐私协议最后修改时间是2018年7月19日。</p>
                <p>2. 本服务和隐私协议（“协议”）适用于任何访问和使用我们的网站 www.kuaibangxing.com（“网站”）和移动应用，以及任何由 Gemridge Technologies Inc.（“我们”） 提供和推荐的信息与服务。</p>
                <p>3. 我们保留在任何时间修改和补充本协议的权利。我们鼓励您访问我们的网站和使用移动应用时阅读本协议以了解最新协议。</p>
                <p>4. 快帮行是一个连接需要当地交通和导游服务的使用者与提供相应服务的供应商的一个服务平台。所有在快帮行平台上的服务供应商都已经通过了快帮行基于当地政府法律的审核。</p>
                <p>5. 提交到快帮行的用户信息只用于供应商决定是否应答服务请求。提交到快帮行的服务提供商信息只用于用户选择是否选用服务供应商。快帮行使用这些信息为需求和服务提供商做匹配。个人信息（比如驾照）和联系信息（比如手机号码）不会被分享，只用于快帮行的审核和通知。</p>
                <p>6. 快帮行使用标准安全机制处理数据。用户和服务提供商可以通过快帮行移动应用和网站访问信息。我们不会与任何第三方分享数据。您提供的数据信息只用于快帮行服务。</p>
                <p>7. 我们可以在任何时间以任何原因结束，修改或部分修改我们的服务条款。</p>
                <p>8. 您访问和使用我们的网站和移动应用表示您同意本协议。</p>
            </div>
            <div class="agreement-title">Kuaibangxing Terms and Privacy Policy：</div>
            <div class="agreement-content">
                <p>1. The terms and privacy policy was updated on July 19, 2018.</p>
                <p>2. This user terms and privacy policy ("Policy") apples to your visit and use of our website at www.kuaibangxing.com (the “Website”) and our mobile applications, as well as all information, recommendation, and/or services provided to you on or through the Website, and applications operated by Gemridge Technologies Inc. ("kuaibangxing", "we" or "us).</p>
                <p>3. We reserve the right to change the provisions of this Policy at any time. We encourage you to review this Policy whenever you visit our website and mobile applications to understand the latest update of the policy.</p>
                <p>4. Kuaibangxing is a service to connect users who need local transportation and tour guide with service providers who provide local transportation with automobiles and/or local tour guide. All service providers on kuaibangxing have passed our screening following law requirement by local government. Service providers have rights to response user requests. Users have rights to select service providers who responded to their requests. After a user selects service provider, both user and service provider have obligation to fulfill the agreement between user and service provider for the planned local transportation and/or guide service. The payment is handled between user and service provider.</p>
                <p>5. The user information collected by kuaibangxing is used for providers to decide whether responding to service requests. The service provider information collected by kuaibangxing is used for users to decide whether to select the service provider. The information is used by Kuaibangxing to match requests and service providers to best fulfill the needs. Personal identity information (such as driver license) and contact information (such as email address) will not be shared and only used by kuaibangxing for screening and notification.</p>
                <p>6. The data is processed securely by standard security mechanism. Users and service providers can access the information through kuaibangxing mobile applications and website. We will not share collected information to any third party. The information we collected is only for Kuaibangxinag applications and website functions.</p>
                <p>7. We may terminate the policy, or generally cease offering or deny access to the service or any portion thereof, at any time for any reason.</p>
                <p>8. Your access and use of our mobile applications and websiteconstitutes your agreement to be bound by the policy.</p>
            </div>
        </div>



    </div>
</template>

<script>

    export default {
        name: "My-reg-agreement",
        data(){
            return{
                helpDivVal:false,
            }
        },
        methods:{
            //打开关闭帮助div
            helpDiv() {
                this.helpDivVal=!this.data.helpDivVal

            },
        }
    }
</script>

<style lang="scss" scoped>
    @import "../assets/base";
    .bg{
        background: $bgcolor1;
        min-height: 100%;
    }
    .h30 {
        height: rpx(30);
        background: $bgcolor1
    }
    .h120 {
        height: rpx(120);
        background: $bgcolor1;
    }
    .header{
        display: flex;
        align-items: center;
        padding: rpx(10) rpx(30);
        justify-content: space-between;
        background:$color0;
        &-btnLeft{
            width: rpx(64);
            height: rpx(64);
            padding-top: rpx(16);
            img{
                width: rpx(32);
                height: rpx(32);
            }
        }
        &-btnRight:after{
            display: block;
            content: ' ';
            width: rpx(64);
            height: rpx(64);
        }
        &-title{
            flex: 1;
            font-size: rpx(36);
            text-align: center;
            font-weight: normal;
        }
    }
    .agreement{
        padding:0 rpx(30) rpx(30);
        overflow: hidden;
        &-logo{
            text-align: center;
            img{
                width: rpx(310);
                height: rpx(140);
            }
        }
        &-title{
            padding: rpx(20) 0;
            font-size: rpx(30);
        }
        &-content{
            line-height: 200%;
            font-size: rpx(26);
            color: $color5;
        }
    }


</style>